@charset "utf-8";
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button, figure,hgroup,header,div,a{margin:0;padding:0; -webkit-text-size-adjust:none; list-style:none; border:0;}
header,section,footer,article,nav,aside{display:block; margin:0; padding:0;}
body,input,textarea,select,table,button{font-family:'Noto Sans DemiLight','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
img,fieldset{border:0;}
ul,ol{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
a:hover{text-decoration:none;}
em,address,i{font-style:normal}
table{border-spacing:0;}
button{cursor: pointer;}
header{width: 100%;}
footer{margin:150px 0 0 0; padding:30px 0;  width: 100%; text-align: center; border-top:1px solid #f2f2f4}
footer address{font-size: 12px; color: #555;}

.normal{font-weight:normal;}
.snb{background: #293955; height: 36px;}
.snb:after{display: block; clear: both; content: "";}
.snb ul{ width: 980px;  margin: auto; text-align: right;}
.snb ul li{color: #ccc; margin-left: 14px; font-size: 12px; display: inline; line-height: 36px; }
.snb ul li a{color: #fff;}

.gnb{width: 980px; margin: auto; padding: 20px 0;  }
.gnb:after{display: block; clear: both; content: "";}
.gnb h1{float: left; width: 200px;}
.gnb h1 img{width:200px;} 
.dropmenu{float: left; margin-top: 10px; width: 780px;}
#dm_ul{}
        .dropmenu ul ul{position: absolute; display: none; padding:40px 0 20px 0; background: #fff; margin:0 -20px;}
        .dropmenu ul ul li{display: block; float: none; clear: both; margin-left: 0;    text-indent: 0; font-size: 14px; padding: 10px 20px}
        .dropmenu ul ul li a:hover{color: #014099; font-weight: bold;}
      .dropmenu ul li{float: left; margin-left:37px; text-indent: -100000px; cursor: pointer;}
      .dropmenu ul li a{display: block; }
      .dropmenu ul li a:hover{}
.menu01{background:url('../images/common/menu_intro.png') 0 0 no-repeat; width: 79px; height: 16px;}
#main .menu01{background:url('../images/common/menu_intro_ov.png') 0 0 no-repeat; width: 79px; height: 16px;}
.menu01:hover{background:url('../images/common/menu_intro_ov.png') 0 0 no-repeat;}
.menu02{background:url('../images/common/menu_ad.png') 0 0 no-repeat; width: 94px; height: 16px;}
#ad .menu02{background:url('../images/common/menu_ad_ov.png') 0 0 no-repeat; width: 94px; height: 16px;}
.menu02:hover{background:url('../images/common/menu_ad_ov.png') 0 0 no-repeat;}
.menu03{background:url('../images/common/menu_subscribe.png') 0 0 no-repeat; width: 95px; height: 16px;}
#apply .menu03{background:url('../images/common/menu_subscribe_ov.png') 0 0 no-repeat; width: 95px; height: 16px;}
.menu03:hover{background:url('../images/common/menu_subscribe_ov.png') 0 0 no-repeat;}
.menu04{background:url('../images/common/menu_privacy_policy.png') 0 0 no-repeat; width: 120px; height: 16px;}
#policy .menu04{background:url('../images/common/menu_privacy_policy_ov.png') 0 0 no-repeat; width: 120px; height: 16px;}
.menu04:hover{background:url('../images/common/menu_privacy_policy_ov.png') 0 0 no-repeat;}
.menu05{background:url('../images/common/menu_youth_protection.png') 0 0 no-repeat; width: 105px; height: 16px;}
#protect .menu05{background:url('../images/common/menu_youth_protection_ov.png') 0 0 no-repeat; width: 105px; height: 16px;}
.menu05:hover{background:url('../images/common/menu_youth_protection_ov.png') 0 0 no-repeat;}
.menu06{background:url('../images/common/menu_rent.png') 0 0 no-repeat; width: 60px; height: 16px;}
#rent .menu06{background:url('../images/common/menu_rent_ov.png') 0 0 no-repeat; width: 60px; height: 16px;}
.menu06:hover{background:url('../images/common/menu_rent_ov.png') 0 0 no-repeat;}
.keyV{width: 100%; margin: auto; text-align: center; height: 320px; overflow: hidden}
.content{margin: 25px 0;}
.cont_info{border-bottom:1px solid #f2f2f4; padding-bottom: 25px;} 
.cont_info:after{display: block; clear: both; content: "";}
.infoBox{width: 980px; margin: auto; text-align: center;}
.infoBox h2{float: left;}
.infoBox ul{float: right;}
.infoBox li{display: inline-block; margin-left: 26px; color: #555; line-height: 20px; font-size: 14px;}
.cont{width: 980px; margin: auto; text-align: center; margin-top: 90px;}
.cont:after{display: block; clear: both; content: "";}
.s_tit{float:left; width: 275px; text-align: left;}
.s_conBox{float: left; width: 705px; overflow: hidden; text-align: left; border-top: 2px solid #555;}
.tableBox{width: 705px;}
.tableBox table{width: 100%;}
.tableBox th{border-bottom:1px solid #f2f2f4;  padding: 20px 0; color: #949494;}
.tableBox td{border-bottom:1px solid #f2f2f4; text-align: left;padding: 20px 0;}
.tcont{background: #f7f7f8; padding: 30px; margin: -20px 0;}
.pageN{width: 100%; margin-top: 20px; text-align: center; font-size: 14px; font-weight:600;}
.pageN span{display: inline-block;width: 30px; height: 30px; color: #555; line-height: 30px; }
.pageN .on{border: 1px solid #555;}
.listN{width: 100%;  margin-top: 10px;}
.listN a{display: block;float: right; font-size: 16px; height: 40px; color: #fff; width: 120px; text-align: center; line-height: 40px; font-weight: bold; background: #555;}

.policyBox{width: 100%; margin: auto; text-align: center;}
.policyBox:after{display: block; clear: both; content: "";}
.policyCont{float: right; width: 705px; text-align: left; line-height:28px; font-size: 14px;}
.policyCont h4{margin:40px 0 15px 0; font-size: 16px; font-weight: bold;}
.policyCont h5{margin:10px; font-size: 14px; font-weight: bold;}
.policyCont	table{background: #f4f4f4;  margin:20px 0 30px 0; width: 100%;}
.policyCont	td{border: 1px solid #ddd; padding: 15px 20px;}
.policyCont	div{line-height: 20px;}


